﻿<!DOCTYPE html>
<html>
  <head>
    <title>Datetime-view</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/datetime-view/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/datetime-view/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- bg (Rectangle) -->
      <div id="u1334" class="ax_default box_1" data-label="bg">
        <div id="u1334_div" class=""></div>
      </div>

      <!-- Unnamed (NavBar) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u1336" class="ax_default">
        <div id="u1336_state0" class="panel_state" data-label="State1" style="">
          <div id="u1336_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u1337" class="ax_default box_1">
              <div id="u1337_div" class=""></div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u1338" class="ax_default" data-left="4" data-top="12" data-width="48" data-height="21">

              <!-- Unnamed (Rectangle) -->
              <div id="u1339" class="ax_default label">
                <div id="u1339_div" class=""></div>
                <div id="u1339_text" class="text ">
                  <p><span>返回</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1340" class="ax_default label">
                <div id="u1340_div" class=""></div>
                <div id="u1340_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1341" class="ax_default label">
              <div id="u1341_div" class=""></div>
              <div id="u1341_text" class="text ">
                <p><span>Button-Tab</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1342" class="ax_default label">
              <div id="u1342_div" class=""></div>
              <div id="u1342_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1343" class="ax_default box_1">
        <div id="u1343_div" class=""></div>
      </div>

      <!-- middleline (Rectangle) -->
      <div id="u1344" class="ax_default box_1" data-label="middleline">
        <div id="u1344_div" class=""></div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u1345" class="ax_default">
        <div id="u1345_state0" class="panel_state" data-label="State1" style="">
          <div id="u1345_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u1346" class="ax_default" data-left="0" data-top="-174" data-width="144" data-height="595">

              <!-- Unnamed (Rectangle) -->
              <div id="u1347" class="ax_default label">
                <div id="u1347_div" class=""></div>
                <div id="u1347_text" class="text ">
                  <p><span>2019</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1348" class="ax_default label">
                <div id="u1348_div" class=""></div>
                <div id="u1348_text" class="text ">
                  <p><span>2020</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1349" class="ax_default label">
                <div id="u1349_div" class=""></div>
                <div id="u1349_text" class="text ">
                  <p><span>2021</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1350" class="ax_default label">
                <div id="u1350_div" class=""></div>
                <div id="u1350_text" class="text ">
                  <p><span>2022</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1351" class="ax_default label">
                <div id="u1351_div" class=""></div>
                <div id="u1351_text" class="text ">
                  <p><span>2023</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1352" class="ax_default label">
                <div id="u1352_div" class=""></div>
                <div id="u1352_text" class="text ">
                  <p><span>2024</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1353" class="ax_default label">
                <div id="u1353_div" class=""></div>
                <div id="u1353_text" class="text ">
                  <p><span>2025</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1354" class="ax_default label">
                <div id="u1354_div" class=""></div>
                <div id="u1354_text" class="text ">
                  <p><span>2017</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1355" class="ax_default label">
                <div id="u1355_div" class=""></div>
                <div id="u1355_text" class="text ">
                  <p><span>2018</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1356" class="ax_default label">
                <div id="u1356_div" class=""></div>
                <div id="u1356_text" class="text ">
                  <p><span>2015</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1357" class="ax_default label">
                <div id="u1357_div" class=""></div>
                <div id="u1357_text" class="text ">
                  <p><span>2016</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1358" class="ax_default label">
                <div id="u1358_div" class=""></div>
                <div id="u1358_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1359" class="ax_default label">
                <div id="u1359_div" class=""></div>
                <div id="u1359_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1360" class="ax_default label">
                <div id="u1360_div" class=""></div>
                <div id="u1360_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1361" class="ax_default label">
                <div id="u1361_div" class=""></div>
                <div id="u1361_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1362" class="ax_default label">
                <div id="u1362_div" class=""></div>
                <div id="u1362_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1363" class="ax_default label">
                <div id="u1363_div" class=""></div>
                <div id="u1363_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u1364" class="ax_default">
        <div id="u1364_state0" class="panel_state" data-label="State1" style="">
          <div id="u1364_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u1365" class="ax_default" data-left="0" data-top="-209" data-width="114" data-height="631">

              <!-- Unnamed (Rectangle) -->
              <div id="u1366" class="ax_default label">
                <div id="u1366_div" class=""></div>
                <div id="u1366_text" class="text ">
                  <p><span>01</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1367" class="ax_default label">
                <div id="u1367_div" class=""></div>
                <div id="u1367_text" class="text ">
                  <p><span>02</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1368" class="ax_default label">
                <div id="u1368_div" class=""></div>
                <div id="u1368_text" class="text ">
                  <p><span>03</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1369" class="ax_default label">
                <div id="u1369_div" class=""></div>
                <div id="u1369_text" class="text ">
                  <p><span>04</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1370" class="ax_default label">
                <div id="u1370_div" class=""></div>
                <div id="u1370_text" class="text ">
                  <p><span>05</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1371" class="ax_default label">
                <div id="u1371_div" class=""></div>
                <div id="u1371_text" class="text ">
                  <p><span>06</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1372" class="ax_default label">
                <div id="u1372_div" class=""></div>
                <div id="u1372_text" class="text ">
                  <p><span>07</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1373" class="ax_default label">
                <div id="u1373_div" class=""></div>
                <div id="u1373_text" class="text ">
                  <p><span>08</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1374" class="ax_default label">
                <div id="u1374_div" class=""></div>
                <div id="u1374_text" class="text ">
                  <p><span>09</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1375" class="ax_default label">
                <div id="u1375_div" class=""></div>
                <div id="u1375_text" class="text ">
                  <p><span>10</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1376" class="ax_default label">
                <div id="u1376_div" class=""></div>
                <div id="u1376_text" class="text ">
                  <p><span>11</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1377" class="ax_default label">
                <div id="u1377_div" class=""></div>
                <div id="u1377_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1378" class="ax_default label">
                <div id="u1378_div" class=""></div>
                <div id="u1378_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1379" class="ax_default label">
                <div id="u1379_div" class=""></div>
                <div id="u1379_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1380" class="ax_default label">
                <div id="u1380_div" class=""></div>
                <div id="u1380_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1381" class="ax_default label">
                <div id="u1381_div" class=""></div>
                <div id="u1381_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1382" class="ax_default label">
                <div id="u1382_div" class=""></div>
                <div id="u1382_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1383" class="ax_default label">
                <div id="u1383_div" class=""></div>
                <div id="u1383_text" class="text ">
                  <p><span>12</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u1384" class="ax_default">
        <div id="u1384_state0" class="panel_state" data-label="State1" style="">
          <div id="u1384_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u1385" class="ax_default" data-left="0" data-top="-525" data-width="116" data-height="1295">

              <!-- Unnamed (Rectangle) -->
              <div id="u1386" class="ax_default label">
                <div id="u1386_div" class=""></div>
                <div id="u1386_text" class="text ">
                  <p><span>01</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1387" class="ax_default label">
                <div id="u1387_div" class=""></div>
                <div id="u1387_text" class="text ">
                  <p><span>02</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1388" class="ax_default label">
                <div id="u1388_div" class=""></div>
                <div id="u1388_text" class="text ">
                  <p><span>03</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1389" class="ax_default label">
                <div id="u1389_div" class=""></div>
                <div id="u1389_text" class="text ">
                  <p><span>04</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1390" class="ax_default label">
                <div id="u1390_div" class=""></div>
                <div id="u1390_text" class="text ">
                  <p><span>05</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1391" class="ax_default label">
                <div id="u1391_div" class=""></div>
                <div id="u1391_text" class="text ">
                  <p><span>06</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1392" class="ax_default label">
                <div id="u1392_div" class=""></div>
                <div id="u1392_text" class="text ">
                  <p><span>07</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1393" class="ax_default label">
                <div id="u1393_div" class=""></div>
                <div id="u1393_text" class="text ">
                  <p><span>08</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1394" class="ax_default label">
                <div id="u1394_div" class=""></div>
                <div id="u1394_text" class="text ">
                  <p><span>09</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1395" class="ax_default label">
                <div id="u1395_div" class=""></div>
                <div id="u1395_text" class="text ">
                  <p><span>10</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1396" class="ax_default label">
                <div id="u1396_div" class=""></div>
                <div id="u1396_text" class="text ">
                  <p><span>11</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1397" class="ax_default label">
                <div id="u1397_div" class=""></div>
                <div id="u1397_text" class="text ">
                  <p><span>12</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1398" class="ax_default label">
                <div id="u1398_div" class=""></div>
                <div id="u1398_text" class="text ">
                  <p><span>13</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1399" class="ax_default label">
                <div id="u1399_div" class=""></div>
                <div id="u1399_text" class="text ">
                  <p><span>14</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1400" class="ax_default label">
                <div id="u1400_div" class=""></div>
                <div id="u1400_text" class="text ">
                  <p><span>15</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1401" class="ax_default label">
                <div id="u1401_div" class=""></div>
                <div id="u1401_text" class="text ">
                  <p><span>16</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1402" class="ax_default label">
                <div id="u1402_div" class=""></div>
                <div id="u1402_text" class="text ">
                  <p><span>17</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1403" class="ax_default label">
                <div id="u1403_div" class=""></div>
                <div id="u1403_text" class="text ">
                  <p><span>18</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1404" class="ax_default label">
                <div id="u1404_div" class=""></div>
                <div id="u1404_text" class="text ">
                  <p><span>19</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1405" class="ax_default label">
                <div id="u1405_div" class=""></div>
                <div id="u1405_text" class="text ">
                  <p><span>20</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1406" class="ax_default label">
                <div id="u1406_div" class=""></div>
                <div id="u1406_text" class="text ">
                  <p><span>21</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1407" class="ax_default label">
                <div id="u1407_div" class=""></div>
                <div id="u1407_text" class="text ">
                  <p><span>22</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1408" class="ax_default label">
                <div id="u1408_div" class=""></div>
                <div id="u1408_text" class="text ">
                  <p><span>23</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1409" class="ax_default label">
                <div id="u1409_div" class=""></div>
                <div id="u1409_text" class="text ">
                  <p><span>24</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1410" class="ax_default label">
                <div id="u1410_div" class=""></div>
                <div id="u1410_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1411" class="ax_default label">
                <div id="u1411_div" class=""></div>
                <div id="u1411_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1412" class="ax_default label">
                <div id="u1412_div" class=""></div>
                <div id="u1412_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1413" class="ax_default label">
                <div id="u1413_div" class=""></div>
                <div id="u1413_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1414" class="ax_default label">
                <div id="u1414_div" class=""></div>
                <div id="u1414_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1415" class="ax_default label">
                <div id="u1415_div" class=""></div>
                <div id="u1415_text" class="text ">
                  <p><span>&nbsp;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1416" class="ax_default label">
                <div id="u1416_div" class=""></div>
                <div id="u1416_text" class="text ">
                  <p><span>25</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1417" class="ax_default label">
                <div id="u1417_div" class=""></div>
                <div id="u1417_text" class="text ">
                  <p><span>26</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1418" class="ax_default label">
                <div id="u1418_div" class=""></div>
                <div id="u1418_text" class="text ">
                  <p><span>27</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1419" class="ax_default label">
                <div id="u1419_div" class=""></div>
                <div id="u1419_text" class="text ">
                  <p><span>28</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1420" class="ax_default label">
                <div id="u1420_div" class=""></div>
                <div id="u1420_text" class="text ">
                  <p><span>29</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1421" class="ax_default label">
                <div id="u1421_div" class=""></div>
                <div id="u1421_text" class="text ">
                  <p><span>30</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u1422" class="ax_default label">
                <div id="u1422_div" class=""></div>
                <div id="u1422_text" class="text ">
                  <p><span>31</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
